<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/xiangqing.css" />
    <link rel="stylesheet" href="font_095f3xp7phyw/iconfont.css" />
    <title>详情</title>
    <script>
        window.onload = function() {
            /*720代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例，这里写100是
                              为了以后好算,比如，你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/
            getRem(750, 100)
        };
        window.onresize = function() {
            getRem(750, 100)
        };

        function getRem(pwidth, prem) {
            var html = document.getElementsByTagName("html")[0];
            var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
            html.style.fontSize = oWidth / pwidth * prem + "px";
        }
    </script>
</head>

<body>
    <header>
        <span class="iconfont icon-y"></span>
        <span class="iconfont icon-shenglvehao
        "></span>

    </header>
    <section>
        <div class="title">
            我家老房改造无印风，羡煞左邻右舍
        </div>
        <div class="biao">
            <div class="zu">
                <div class="yuan"></div>
                <div class="mi">姜姜~</div>
            </div>
            <div class="guanzhu">
                <span class="iconfont icon-jia1"></span>
                <span>关注</span>
            </div>

        </div>
        <div class="xiaobiao">糖主划重点</div>
        <div class="nei">
            <div class="xie"></div>
            <div>
                <p>1.无主灯客厅，点光源照明照样敞亮</p>
                <p>2.卡座和沙发一体化设计，简约又符合人体设计</p>
                <p>3.阳台承重铁管变身超豪华猫爬架，DIY大变身</p>
            </div>
        </div>
        <div class="fang">
            房屋信息
        </div>
        <div class="fangnei">
            <p><span>户型: 两居室</span><span>风格: 日式</span></p>
            <p><span>面积: 60-80平米</span><span>预算: 10-20万</span></p>

        </div>



    </section>
    <div class="xuanfu1">
        <p class="iconfont icon-weixin"></p>
        <p>问设计师</p>
    </div>
    <div class="xuanfu1" id="xuanfu2">
        <p class="iconfont icon-jingyan"></p>
        <p>查看目录</p>
    </div>
    <footer>
        <div><span class="iconfont icon-zan"></span><span>2666</span></div>
        <div><span class="iconfont icon-buoumaotubiao48"></span><span>31</span></div>
        <div><span class="iconfont icon-shoucang4-copy"></span><span>78</span></div>
        <div><span class="iconfont icon-zhuanfa"></span><span>分享</span></div>

    </footer>

</body>

</html>